<template>
    <view>
        <!-- 页面标题头begin -->
        <view class="smart-page-head">
            <view class="smart-page-head-title">switch开关</view>
        </view>
        <!-- 页面标题头end -->
        <view>默认样式</view>
        <view>
            <switch @change="switchChange"></switch>
            <switch checked="true"></switch>
        </view>
        <view>颜色、大小改变</view>
        <view>
            <switch color="#4CD964" class="mini_switch"></switch>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            // 打开开关
            switch1Change(e){
                console.log('switch1当前值：'+e.detail.value);
            }
        }
    }
</script>

<style>
    .mini_switch {
        transform: scale(0.7);
    }
</style>